var i = 0;

$(document).ready(function(){
	//header color change
	$(".main-menu").on("mouseover", function(){
		var getElement = $(this);
		getElement.css({
			"font-size":"20px", 
			"background-color":"red"
		});
	});

	$(".main-menu").on("mouseout", function(){
		var getElement = $(this);
		getElement.css({"font-size":"16px", 
			"background-color":"transparent"
		});
	});



	$("div.out").mouseover(function(){
		$("div.out p:first").text("mouseover");
		$("div.out p:last").text(++i);
	});

	$("div.out").mouseout(function(){
		$("div.out p:first").text("mouseout");
	});

	$("#max_screen").on("click", {url:"https://www.baidu.com/", winattributes:"resize=1, scollbars=1, status=1"}, max_open);



	$("#bind").click(function(){
		$("body")
		.on("click", "#theone", flash)
		.find("#theone")
		.text("可以点击！");
	});

	$("#unbind").click(function(){
		$("body")
		.off("click", "#theone", flash)
		.find("#theone")
		.text("什么也没发生。。。");
	});



	//trigger
	$("#trigger_test button:first").click(function(){		
		update($("#trigger_test span:first"));
	});

	$("#trigger_test button:last").click(function(){
		$("#trigger_test button:first").trigger("click");
		update($("#trigger_test span:last"));
	});



	//photoChange
	$("#image").click(function(){		
		var getPhoto = $("#image").attr("src");
		if(getPhoto == "mm1.jfif")
		{
			$("#image").attr("src", "mm2.jfif");
		}else{
			$("#image").attr("src", "mm1.jfif");
		}
	});




	//alerm
	var imageArray = ["album1.jfif", "album2.jfif", "album3.jfif", "album4.jfif", "album5.jfif"];

	var photoIndex = 0;
	$("#imgAlbum").attr("src", imageArray[photoIndex]);
	$("#imgAlbum").click(function(){
		photoIndex = (photoIndex + 1) % imageArray.length;
		$("#imgAlbum").attr("src", imageArray[photoIndex]);
	});



	//schedule note
	$("#add_img img").on("click", showNoteForm);
	$("#add_node").on("click", push_node);



	//box change
	$("#moving_button").on("click",function(){
		$("#moving_box").animate({
			"right" : "0px",
			"height" : "+=50px",
			"width" : "+=50px"
		});

		$("#animation_test").animate({
			"height" : "+=50px"
		});
	});



	//practice1
	$(".accordion").each(function(){
		var dl = $(this);
		var allDt = dl.find("dt");
		var allDd = dl.find("dd");
		closeAll(allDd, allDt);	//作用域问题，得传递参数

		allDt.click(function(){
			var dt = $(this);
			var dd = dt.next(); ////dt 是点击的 <dt> 元素。dt.next() 找到紧接着这个 <dt> 元素的兄弟 <dd> 元素。
			closeAll(allDd, allDt);
			open(dd, dt);
		});
	});



	//pratice2
	var interval = 4000;
	$(".slideshow").each(function(){
		var container = $(this);
		var timer;
		function switchImg()
		{
			var getImg = container.find("img"); 																
			firstImg = getImg.eq(0);
			secondImg = getImg.eq(1);
			firstImg.appendTo(container).fadeOut(2000);
			secondImg.fadeIn();
		}	

		function startTimer()
		{
			timer = setInterval(switchImg, interval);
		}	

		function endTimer()
		{
			clearInterval(timer);
		}

		startTimer();
		container.hover(endTimer, startTimer);
	});



	//测试ajax，一定要开个服务器才行
	$("#ajaxbutton").click(function(){
		$("#target").load("testfile.txt");
	});

});

function max_open(event)
{
	var maxwindow = window.open(event.data.url, "", event.data.winattributes);
	maxwindow.moveTo(0, 0);
	maxwindow.resizeTo(screen.availWidth, screen.availHeight);
}

function flash()
{
	$("#off_test").show().fadeOut("slow");
}

function update(j)
{
	var getNumber = parseInt(j.text(), 10);
	j.text(getNumber + 1);
}

function showNoteForm()
{
	$("#note_form").addClass("popup");	//将 #note_form 元素添加一个名为 popup 的类
	changePosition($(".popup"));	
	$("#note_form").show();
}

function changePosition(target)
{
	var widthPosition = ($(window).width() - target.width()) / 2;
	var heightPosition = ($(window).height() - target.height()) / 2;
	target.css({
		"top": heightPosition, 
		"left": widthPosition
	});
}

function push_node()
{
	var titleValue = $("#note_title").val();
	var	dateValue = $("#note_date").val();
	var contextValue = $("#note_content").val();
	var str = "<p>" + "主题：" + titleValue + "<br>" + "日期：" + dateValue + "<br>" + "内容：" + contextValue + "</p><br>";
	$("#note_form").hide();
	$("#note").append(str);
}

function closeAll(allDd, allDt)
{
	allDd.addClass("closed");
	allDt.addClass("closed");
}

function open(dd, dt)
{
	dd.removeClass("closed");
	dt.removeClass("closed");
}

//不行
// //js
// window.onload = Start();

// function Start()
// {
// 	console.log("Page loaded!");
//     getFromServer();
// }

// function getFromServer()
// {
// 	var req;
// 	if(window.XMLHttpRequset){
// 		req = new XMLHttpRequset();		// 用于现代浏览器（IE7+、Firefox、Chrome、Safari 等）
// 		console.log("XMLHttpRequest is supported!");
// 	}else{
// 		console.error("XMLHttpRequest is NOT supported!");
// 		alert("您的浏览器不支持 XMLHttpRequest！");
//         return; // 如果不支持，则给出提示并退出
// 		//req = new ActiveXObject("Microsoft.XMLHTTP");		 // 用于旧版 IE（IE6、IE5）
// 	}

// 	req.onreadystatechange = function()		 // 서버로부터 응답이 오면
// 	{
// 		if(req.readyState == 4 && req.status == 200){		 // 응답 상태는 5가지
// 			document.getElementById("target").innerHTML = req.responseText;
// 		}
// 	}

// 	req.open("GET", "testfile.txt", true);		 //async = true
// 	req.send();

// }